<footer class="bg-light py-4 mt-5">
    <div class="container text-center">
        <div class="mb-3">
            <a href="#" class="text-decoration-none me-3" style="color: var(--main-purple);">关于我们</a>
            <a href="#" class="text-decoration-none me-3" style="color: var(--main-purple);">帮助中心</a>
            <a href="#" class="text-decoration-none" style="color: var(--main-purple);">服务条款</a>
        </div>
        <p class="text-muted mb-0">
            <i class="bi bi-c-circle"></i> 2024 紫韵学堂 版权所有
        </p>
    </div>
</footer>